<template>
    <el-row>
        <el-col :span="2">
            <el-icon
                ><i
                    class="iconfont icon-jinggao1"
                    style="font-size: 30px; margin-left: 30px"
                ></i
            ></el-icon>
        </el-col>
        <el-col :span="17"> 此操作将永久删除该文件, 是否继续? </el-col>
        <el-col style="text-align: right">
            <el-button @click="cancle">取消</el-button>
            <el-button style="margin-right: 20px" @click="remove"
                >确认</el-button
            >
        </el-col>
    </el-row>
</template>
<script setup>
    import { defineEmits, defineProps, ref } from 'vue'
    let emits = defineEmits('delate')

    let props = defineProps({
        zhuti: {
            type: Object,
            default: () => {
                return {}
            }
        }
    })
    let zhutis = ref(props.zhuti)
    const remove = function () {
        emits('delate', { id: zhutis.value.id })
    }
    const cancle = function () {
        emits('delate')
    }
</script>